<template>
    <div class="dashboard">
        <searchbarHolder  />        
        <AskLeaveRpt1  v-if="userStore.hasPermission(PermissionValues.LEAVE_QUERY)" />        
        <CarGateRpt1  id="carcaterpt1" v-if="userStore.hasPermission(PermissionValues.CAR_QUERY)"  />
        <PersonGateRpt1 title="行人入校数量统计" id="gate1"  v-if="userStore.hasPermission(PermissionValues.PERSON_QUERY)"  />
        <PersonGateRpt2 title="行人入校统计（按校门）" id="gate2"  v-if="userStore.hasPermission(PermissionValues.PERSON_QUERY)"  />
    </div>
</template>
<script lang="ts" setup>

const userStore = useUserStore();

import AskLeaveRpt1 from '@/components/report/AskLeaveRpt1.vue';
import CarGateRpt1 from '@/components/report/CarGateRpt1.vue';
import PersonGateRpt1 from '@/components/report/PersonGateRpt1.vue';
import PersonGateRpt2 from '@/components/report/PersonGateRpt2.vue';
import searchbarHolder from './dashboard/searchbarHolder.vue';
import { useUserStore } from '@/stores';
import { PermissionValues } from '@/types';



</script>

<style lang="less" scoped>
.dashboard{
    min-height: 100vh;
    padding-top: 60px;
    padding-bottom: 80px;
}
</style>

